<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script>
	function $(id) { return document.getElementById(id); }
	window.onload = function () {
		$("info").innerHTML = "&nbsp;+--[a]: " + $('a').clientWidth
			+ "<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+--[b]: " + $('b').clientWidth
			+ "<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+--[c]: " + $('c').clientWidth;
	}
</script>
</head>
<body style="margin:0; font:14px/1.2 'Lucida Console';">
<div style="width:0; background:skyblue; margin-left:150px; border:10px solid crimson;" id="a">
	<div style="background:wheat; margin-left:-150px; border:10px solid black; position:relative; zoom:1;" id="b">
		<div style="width:100px; height:100px; background:limegreen;" id="c"></div>
	</div>
</div>
<div id="info"></div>
</body>
</html>
